<!DOCTYPE html>
<html xmlns:th="http:/www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" th:href="@{/resources/bootstrap/css/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{/resources/awi/css/AdminLTE.min.css}">
    <link rel="stylesheet" th:href="@{/resources/plugins/bootstrap-table/bootstrap-table.min.css}">
    <link rel="stylesheet" th:href="@{/resources/awi/css/font-awesome.css}">
    <link rel="stylesheet" th:href="@{/resources/plugins/ztree/css/ztreeStyle/ztreeStyle.css}">
</head>
<body>
    <div class="container" id="process-form">
        <div class="row" id="processData">
            <div class="col-md-12" style="text-align: center">
                <form id="process-data">
                    <input type="hidden" id="processDefinitionId" name="processDefinitionId" th:value="${processDefinitionId}">
                    <input type="hidden" id="processKey" name="processKey" th:value="${processKey}">
                    <input type="hidden" id="processName" name="processName" th:value="${processName}">
                </form>
            </div>

        </div>
        <div class="row" id="processFormData">
            <div class="col-md-12" th:fragment="form">
                <form id="form-data">
                    <table class="table table-bordered">
                        <tr>
                            <td colspan="8" style="text-align: center">
                                <h2 th:text="${processName}"></h2>
                            </td>
                        </tr>
                        <tr>
                            <td>姓名</td>
                            <td colspan="3"><input type="text" class="form-control" name="realName"></td>
                            <td>部门</td>
                            <td colspan="3"><input type="text" class="form-control" name="department"></td>
                        </tr>
                        <tr>
                            <td>开始时间</td>
                            <td colspan="3"><input type="text" class="form-control" name="startTime"></td>
                            <td>结束时间</td>
                            <td colspan="3"><input type="text" class="form-control" name="endTIme"></td>
                        </tr>
                        <tr>
                            <td>事由</td>
                            <td colspan="7">
                                <textarea class="form-control" name="reason" rows="4"></textarea>
                            </td>
                        </tr>
                    </table>
                </form>
            </div>
        </div>
        <div class="row" th:replace="/commons/process/template/fragment::${fragment}">

        </div>
    </div>
</body>
<script th:src="@{/resources/plugins/jQuery/jquery-2.2.3.min.js}"></script>
<!-- Bootstrap 3.3.6 -->
<script th:src="@{/resources/bootstrap/js/bootstrap.min.js}"></script>
<script th:src="@{/resources/layer/layer.js}"></script>
<script th:src="@{/resources/commons/js/jquery.serializejson.js}"></script>
<script th:src="@{/resources/plugins/ztree/js/jquery.ztree.all.js}"></script>
<script th:src="@{/resources/commons/js/flowable-process.js}"></script>
</html>